﻿<!-- ////////////////////////////////////////////////////////////////////
	 // © Copyright 2007 NeoGeo New Media GmbH (http://www.neogeo.com) //
     ////////////////////////////////////////////////////////////////////
-->
<Canvas
	xmlns="http://schemas.microsoft.com/client/2007"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	Width="419" Height="320"
	x:Name="parentCanvas"
	>

	<Canvas.Background>
		<RadialGradientBrush>
			<RadialGradientBrush.RelativeTransform>
				<TransformGroup>
					<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.2" ScaleY="1.2"/>
					<SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
					<RotateTransform Angle="0" CenterX="0.5" CenterY="0.5"/>
					<TranslateTransform X="-0.172" Y="-0.159"/>
				</TransformGroup>
			</RadialGradientBrush.RelativeTransform>
			<GradientStop Color="#FF8CAAE6" Offset="1"/>
			<GradientStop Color="#FFFFFFeb" Offset="0"/>
		</RadialGradientBrush>
	</Canvas.Background>

	<Canvas.Resources>
		<Storyboard x:Name="FadeInNavigateUp">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="NavigateUp" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.500" Value="0.9"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="FadeOutNavigateUp">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="NavigateUp" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.500" Value="0.3"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		
		<Storyboard x:Name="FadeInNavigateLeft">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="NavigateLeft" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.500" Value="0.9"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="FadeOutNavigateLeft">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="NavigateLeft" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.500" Value="0.3"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>

		<Storyboard x:Name="FadeInNavigateDown">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="NavigateDown" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.500" Value="0.9"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="FadeOutNavigateDown">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="NavigateDown" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.500" Value="0.3"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>

		<Storyboard x:Name="FadeInNavigateRight">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="NavigateRight" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.500" Value="0.9"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="FadeOutNavigateRight">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="NavigateRight" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.500" Value="0.3"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>

		<Storyboard x:Name="FadeInZoomIn">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ZoomIn" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.200" Value="0.9"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="FadeOutZoomIn">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ZoomIn" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.200" Value="0.4"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>

		<Storyboard x:Name="FadeInZoomOut">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ZoomOut" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.200" Value="0.9"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="FadeOutZoomOut">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ZoomOut" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.200" Value="0.4"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>

		<Storyboard x:Name="FadeInReset">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Reset" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.200" Value="0.9"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="FadeOutReset">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Reset" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.200" Value="0.4"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>

		<Storyboard x:Name="FadeInHelp">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Help" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.200" Value="0.9"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="FadeOutHelp">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Help" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.200" Value="0.4"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>


		<Storyboard x:Name="ViewHelp">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="KeyMap" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.000" Value="2.8"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="KeyMap" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.000" Value="2.8"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="KeyMap" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.000" Value="-360"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="KeyMap" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.000" Value="-380"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="KeyMap" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.000" Value="0.0"/>
				<SplineDoubleKeyFrame KeyTime="00:00:00.100" Value="0.8"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="HideHelp">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="KeyMap" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.500" Value="2.8"/>
				<SplineDoubleKeyFrame KeyTime="00:00:00.900" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="KeyMap" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.500" Value="2.8"/>
				<SplineDoubleKeyFrame KeyTime="00:00:00.900" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="KeyMap" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.500" Value="-360"/>
				<SplineDoubleKeyFrame KeyTime="00:00:00.900" Value="500"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="KeyMap" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.500" Value="-380"/>
				<SplineDoubleKeyFrame KeyTime="00:00:00.900" Value="400"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="KeyMap" Storyboard.TargetProperty="(UIElement.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.500" Value="0.0"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</Canvas.Resources>
	

	<Canvas x:Name="OverviewCanvas" Canvas.ZIndex="99" Visibility="Visible">
		<Rectangle x:Name="Border" Width="102" Height="77" Canvas.Left="302" Canvas.Top="225" Canvas.ZIndex="20" Opacity="0.3" Fill="#FFFFFFFF" Stroke="#ffa126"/>
		<Image x:Name="Overview" Width="100" Height="75" Canvas.Left="303" Canvas.Top="226" Canvas.ZIndex="19"/>
		<Rectangle x:Name="Selection" Width="100" Height="75" Canvas.Left="303" Canvas.Top="226" Canvas.ZIndex="21" Opacity="0.5" Fill="#FFFFCCCC" Stroke="#FFFF0000" Cursor="Hand"/>
	</Canvas>

	<Rectangle x:Name="ImageBorder" Width="401" Height="301" Canvas.Left="9" Canvas.Top="9" Stroke="#FF000000" Opacity="0.3"></Rectangle>

	<Rectangle x:Name="NavigateUp" MouseLeftButtonDown="NavigateUpStart" MouseLeftButtonUp="NavigateStop" MouseEnter="CustomMouseEnter" MouseLeave="CustomMouseLeave" Cursor="Hand" Width="401" Height="9" Canvas.Left="9" Canvas.Top="0" Opacity="0.3" Fill="#C9D7E2" Canvas.ZIndex="50"></Rectangle>
	<Rectangle x:Name="NavigateDown" MouseLeftButtonDown="NavigateDownStart" MouseLeftButtonUp="NavigateStop" MouseEnter="CustomMouseEnter" MouseLeave="CustomMouseLeave" Cursor="Hand" Width="401" Height="10" Canvas.Left="9" Canvas.Top="310" Opacity="0.3" Fill="#C9D7E2" Canvas.ZIndex="51"></Rectangle>
	<Rectangle x:Name="NavigateLeft" MouseLeftButtonDown="NavigateLeftStart" MouseLeftButtonUp="NavigateStop" MouseEnter="CustomMouseEnter" MouseLeave="CustomMouseLeave" Cursor="Hand" Width="9" Height="320" Canvas.Left="0" Canvas.Top="0" Opacity="0.3" Fill="#C9D7E2" Canvas.ZIndex="51"></Rectangle>
	<Rectangle x:Name="NavigateRight" MouseLeftButtonDown="NavigateRightStart" MouseLeftButtonUp="NavigateStop" MouseEnter="CustomMouseEnter" MouseLeave="CustomMouseLeave" Cursor="Hand" Width="9" Height="320" Canvas.Left="410" Canvas.Top="0" Opacity="0.3" Fill="#C9D7E2" Canvas.ZIndex="51"></Rectangle>

	<Canvas x:Name="OverviewButtons" Visibility="Visible" Canvas.ZIndex="99">
		<Image x:Name="ZoomIn" MouseLeftButtonDown="ZoomInStart" MouseLeftButtonUp="ZoomStop" Cursor="Hand" Source="./images/zoom_in.png" Opacity="0.4" MouseEnter="CustomMouseEnter" MouseLeave="CustomMouseLeave" Width="20" Height="20" Canvas.Left="390" Canvas.Top="11" Stretch="Fill" Canvas.ZIndex="99"/>
		<Image x:Name="ZoomOut" MouseLeftButtonDown="ZoomOutStart" MouseLeftButtonUp="ZoomStop" Cursor="Hand" Source="./images/zoom_out.png" Opacity="0.4" MouseEnter="CustomMouseEnter" MouseLeave="CustomMouseLeave" Width="20" Height="20"  Canvas.Left="390" Canvas.Top="32" Stretch="Fill" Canvas.ZIndex="99"/>
		<Image x:Name="Reset" MouseLeftButtonDown="ResetAllStart" Cursor="Hand" Source="./images/reset.png" Opacity="0.4" MouseEnter="CustomMouseEnter" MouseLeave="CustomMouseLeave" Width="20" Height="20"  Canvas.Left="390" Canvas.Top="53" Stretch="Fill" Canvas.ZIndex="99"/>
		<Image x:Name="Help" MouseLeftButtonDown="StartViewHelp" MouseLeftButtonUp="EndViewHelp" Cursor="Hand" Source="./images/help.png" Opacity="0.4" MouseEnter="CustomMouseEnter" MouseLeave="CustomMouseLeave" Width="20" Height="20"  Canvas.Left="390" Canvas.Top="74" Stretch="Fill" Canvas.ZIndex="99"/>

		<Image x:Name="KeyMap" Cursor="Hand" Canvas.ZIndex="20" Source="images/keymouse.png" Opacity="0.0" Width="50" Height="90" Canvas.Left="500" Canvas.Top="400" Stretch="Fill">
			<Image.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="1" ScaleY="1"/>
					<SkewTransform AngleX="0" AngleY="0"/>
					<RotateTransform Angle="0"/>
					<TranslateTransform X="0" Y="0"/>
				</TransformGroup>
			</Image.RenderTransform>
		</Image>
	</Canvas>	
	
	<Canvas x:Name="MainCanvas" Canvas.ZIndex="10" Visibility="Visible">
		<Canvas.Clip>
			<RectangleGeometry Rect="10,10,399,300"></RectangleGeometry>
		</Canvas.Clip>
		
		<Canvas x:Name="ZoomCanvas" Visibility="Visible" Cursor="Hand">			
			<Canvas.RenderTransform>
				<TransformGroup>
					<ScaleTransform x:Name="sceneScale" CenterX="240" CenterY="190" />
					<TranslateTransform x:Name="sceneTranslate" />
				</TransformGroup>
			</Canvas.RenderTransform>
			
			<Image x:Name="Scene" Opacity="1" Canvas.ZIndex="10" Width="399" Height="300" Canvas.Left="10" Canvas.Top="10"/>	
		
			<Image x:Name="Tile_0_0_0" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="10" Canvas.Top="10"/>
			<Image x:Name="Tile_0_0_1" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="143" Canvas.Top="10"/>
			<Image x:Name="Tile_0_0_2" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="276" Canvas.Top="10"/>

			<Image x:Name="Tile_0_1_0" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="10" Canvas.Top="110"/>
			<Image x:Name="Tile_0_1_1" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="143" Canvas.Top="110"/>
			<Image x:Name="Tile_0_1_2" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="276" Canvas.Top="110"/>

			<Image x:Name="Tile_0_2_0" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="10" Canvas.Top="210"/>
			<Image x:Name="Tile_0_2_1" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="143" Canvas.Top="210"/>
			<Image x:Name="Tile_0_2_2" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="276" Canvas.Top="210"/>

			<Image x:Name="Tile_1_0_0" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="10" Canvas.Top="10"/>
			<Image x:Name="Tile_1_0_1" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="143" Canvas.Top="10"/>
			<Image x:Name="Tile_1_0_2" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="276" Canvas.Top="10"/>

			<Image x:Name="Tile_1_1_0" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="10" Canvas.Top="110"/>
			<Image x:Name="Tile_1_1_1" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="143" Canvas.Top="110"/>
			<Image x:Name="Tile_1_1_2" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="276" Canvas.Top="110"/>

			<Image x:Name="Tile_1_2_0" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="10" Canvas.Top="210"/>
			<Image x:Name="Tile_1_2_1" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="143" Canvas.Top="210"/>
			<Image x:Name="Tile_1_2_2" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="276" Canvas.Top="210"/>

			<!--<Rectangle x:Name="Rect_1_0_0" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="10" Canvas.Top="10"/>
			<Rectangle x:Name="Rect_1_0_1" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="143" Canvas.Top="10"/>
			<Rectangle x:Name="Rect_1_0_2" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="276" Canvas.Top="10"/>

			<Rectangle x:Name="Rect_1_1_0" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="10" Canvas.Top="110"/>
			<Rectangle x:Name="Rect_1_1_1" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="143" Canvas.Top="110"/>
			<Rectangle x:Name="Rect_1_1_2" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="276" Canvas.Top="110"/>

			<Rectangle x:Name="Rect_1_2_0" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="10" Canvas.Top="210"/>
			<Rectangle x:Name="Rect_1_2_1" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="143" Canvas.Top="210"/>
			<Rectangle x:Name="Rect_1_2_2" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="276" Canvas.Top="210"/>

			<Rectangle x:Name="Rect_0_0_0" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="10" Canvas.Top="10"/>
			<Rectangle x:Name="Rect_0_0_1" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="143" Canvas.Top="10"/>
			<Rectangle x:Name="Rect_0_0_2" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="276" Canvas.Top="10"/>

			<Rectangle x:Name="Rect_0_1_0" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="10" Canvas.Top="110"/>
			<Rectangle x:Name="Rect_0_1_1" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="143" Canvas.Top="110"/>
			<Rectangle x:Name="Rect_0_1_2" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="276" Canvas.Top="110"/>

			<Rectangle x:Name="Rect_0_2_0" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="10" Canvas.Top="210"/>
			<Rectangle x:Name="Rect_0_2_1" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="143" Canvas.Top="210"/>
			<Rectangle x:Name="Rect_0_2_2" Stroke="#FF000000" Canvas.ZIndex="30" Width="133" Height="100" Canvas.Left="276" Canvas.Top="210"/>-->
		</Canvas>		
	</Canvas>
</Canvas>